<template>
  <div id="tmpl">
      <div class="title">
          <h4>{{info.title}}</h4>
          <p>{{info.add_time | datefmt('YYYY-MM-DD')}} {{info.click}}次浏览 </p>
      </div>
      <div id="content" v-html='info.content'>
           
      </div>
      <comment :id="id"></comment>
  </div>
</template>
<script>
import common from '../../kits/common.js'
import comment from '../subcom/comment.vue'
export default {
    data (){
        return{
            id : 0,
            info : {

            }
        }
    },
    components :{
        comment
    },
    created (){
        this.id = this.$route.params.id;
        this.getinfo()
    },
    methods : {
        getinfo(){
            this.$http.get(common.apidomain + '/api/getnew/'+this.id).then(function(res){
                if(res.body.status != 0){
                    alert(res.body.message);
                    return
                };
                this.info = res.body.message[0]
            })
        }
    }
}
</script>
<style scoped>
    .title h4{
        color: #0094ff
    };
    .title p {
        color: #ccc
    }
    .title , #content{
        padding: 5px;
    }
</style>


